<!DOCTYPE html>
<<style>
.oneClassHeader{
    width: 80%;
    height: 50px;
    background-color: #caa359; 
    margin: 3px auto;
    font-size: 20px;
    color: white;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border-radius: 5px 5px 0px 0px;
}
.oneClassHeader:HOVER{
	background-color: #04a570;
}
.oneClass{
    width: 80%;
    height: 45px;
    background-color: #dadada;
    margin: 3px auto;
    font-size: 18px;
    line-height:45px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
.choose{
	background-color: #37cec5;
	color:#fff;
	border:none;
}
.oneClass .left{
	float: left;
	width: 80%;
}
.oneClass .left .content{
	width: 75%;
	text-align: center;
}
.oneClass .right{
	float: right;
	width: 20%;
}
.oneClass .right div{
	width: 50%;
}
.oneClass .classImage{
	width: 45px;
	height: 45px;
	display: block;
}
.addClass{
    width: 80%;
    height: 50px;
    background-color: #dadada;
    margin: 3px auto;
    font-size: 16px;
    color: #bdb9b9;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border-radius: 0px 0px 5px 5px;
}


.limitTips{
	text-align: center;
}
</style>

<div ng-controller="productClassCtrl">
	<div class="well">
		<div class="titleContainer">
			<div class="leftTitle">产品属性</div>
		</div>
		
		<div class="formContainer">
			<div class="form-horizontal">
				<div class="form-group">
					<div class="col-sm-4">
						<div class="oneClassHeader">行业分类</div>
						<div id="classContainer_1">
							<!-- <div class="oneClass choose">
								<div class="left">
									<div class="floatRight content">家装主材</div>
								</div>
								<div class="right">
									<div class="floatRight"><i class="fa fa-pencil-square-o"></i></div>
								</div>
							</div> -->
					    </div>
					    <div class="addClass" ng-click="addClass(1)">+点击增加分类</div>
					</div>
					<div class="col-sm-4">
						<div class="oneClassHeader">品类分类</div>
						<div id="classContainer_2">
							<!-- <div class="oneClass choose">
								<div class="left">
									<div class="floatLeft">
										<img class="classImage" src="http://47.93.78.124/file/upload/2016-07-07/class-3.png">
									</div>
									<div class="floatRight content">家装主材</div>
								</div>
								<div class="right">
									<div class="floatRight"><i class="fa fa-times"></i></div>
									<div class="floatRight"><i class="fa fa-pencil-square-o"></i></div>
								</div>
							</div> -->
					    </div>
					    <div class="addClass" ng-click="addClass(2)">+点击增加分类</div>
					</div>
					<div class="col-sm-4">
						<div class="oneClassHeader">品牌名称</div>
						<div id="classContainer_3">
							<!-- <div class="oneClass choose">
								<div class="left">
									<div class="floatLeft">
										<img class="classImage" src="http://47.93.78.124/file/upload/2016-07-07/class-3.png">
									</div>
									<div class="floatRight content">家装主材</div>
								</div>
								<div class="right">
									<div class="floatRight"><i class="fa fa-times"></i></div>
									<div class="floatRight"><i class="fa fa-pencil-square-o"></i></div>
								</div>
							</div> -->
					    </div>
					    <div class="addClass" ng-click="addClass(3)">+点击增加分类</div>
					</div>
				</div>
			</div>
		</div>
	
	</div>
	
	<div kendo-window="classWindow_1" k-title="'行业信息'" k-width="500" k-min-height="150" k-visible="false" k-modal="true">
		<div class="windowForm col-sm-11">
			<div class="form-horizontal">
		         <div class="form-group">
		             <label class="col-sm-2 control-label">行业名称</label>
		             <div class="col-sm-8">
		             	<input type="text" class="form-control" ng-model="form_1.name"/>
		             </div>
		         </div>
		    </div>
		    <div class="buttons-wrap ">
				<button class="k-button k-state-default" ng-click="createClass(1)">确定</button>
			</div>
		</div>
	</div>
	<div kendo-window="classWindow_2" k-title="'品类信息'" k-width="500" k-min-height="150" k-visible="false" k-modal="true">
		<div class="windowForm col-sm-11">
			<div class="form-horizontal">
		         <div class="form-group">
		             <label class="col-sm-2 control-label">品类名称</label>
		             <div class="col-sm-8">
		             	<input type="text" class="form-control" ng-model="form_2.name"/>
		             </div>
		         </div>
		         <div class="form-group">
		         	<div class="col-sm-12 limitTips">（【尺寸要求】高度:150px &nbsp; 宽度:150px &nbsp; 大小:20Kb以内  &nbsp; 格式:jpg）</div>
		             <label class="col-sm-2 control-label">品类图</label>
		             <div class="col-sm-6">
		             	<div class="logoContainer">
			              	<div class="imgBackground1">
			              		<span class="glyphicon glyphicon-plus"></span>
			              	</div>
			              	<div class="imgBackground2" id="image1_img"></div>
			              	<input type="file" name="file" id="image1"/>
			              	<input type="hidden" id="image1_url"/>
		             	</div>
		             </div>
		         </div>
		         <div class="form-group">
		         	<div class="col-sm-12 limitTips">（【尺寸要求】高度:315px &nbsp; 宽度:224px &nbsp; 大小:80Kb以内  &nbsp; 格式:jpg/png）</div>
		             <label class="col-sm-2 control-label">示意图</label>
		             <div class="col-sm-6">
		             	<div class="imgContainer2">
			              	<div class="imgBackground1">
			              		<span class="glyphicon glyphicon-plus"></span>
			              	</div>
			              	<div class="imgBackground2" id="image2_img"></div>
			              	<input type="file" name="file" id="image2"/>
			              	<input type="hidden" id="image2_url"/>
		             	</div>
		             </div>
		         </div>
		         <div class="form-group">
		             <label class="col-sm-2 control-label">色值</label>
		             <div class="col-sm-2">
		             	<input type="color" class="form-control" id="colorRBG"/>
		             </div>
		         </div>
		    </div>
		    <div class="buttons-wrap ">
				<button class="k-button k-state-default" ng-click="createClass(2)">确定</button>
			</div>
		</div>
	</div>
	<div kendo-window="classWindow_3" k-title="'品牌信息'" k-width="500" k-min-height="150" k-visible="false" k-modal="true">
		<div class="windowForm col-sm-11">
			<div class="form-horizontal">
		         <div class="form-group">
		             <label class="col-sm-2 control-label">品牌名称</label>
		             <div class="col-sm-8">
		             	<input type="text" class="form-control" ng-model="form_3.name"/>
		             </div>
		         </div>
		         <div class="form-group">
		         	<div class="col-sm-12 limitTips">（【尺寸要求】高度:150px &nbsp; 宽度:150px &nbsp; 大小:20Kb以内  &nbsp; 格式:jpg）</div>
		             <label class="col-sm-2 control-label">品类图</label>
		             <div class="col-sm-6">
		             	<div class="logoContainer">
			              	<div class="imgBackground1">
			              		<span class="glyphicon glyphicon-plus"></span>
			              	</div>
			              	<div class="imgBackground2" id="image3_img"></div>
			              	<input type="file" name="file" id="image3"/>
			              	<input type="hidden" id="image3_url"/>
		             	</div>
		             </div>
		         </div>
		    </div>
		    <div class="buttons-wrap ">
				<button class="k-button k-state-default" ng-click="createClass(3)">确定</button>
			</div>
		</div>
	</div>
	
</div>